<template>
    <div class="returns-and-exchanges">
      <h1>退换货政策</h1>
  
      <!-- 退换货简介 -->
      <section class="intro">
        <h2>退换货简介</h2>
        <p>我们致力于提供优质的购物体验。如果您对购买的商品不满意，或者商品存在质量问题，您可以申请退换货。请根据以下说明了解退换货的具体流程和政策。</p>
      </section>
  
      <!-- 退换货条件 -->
      <section class="conditions">
        <h2>退换货条件</h2>
        <p>为了确保您的退换货申请顺利进行，请确保符合以下条件：</p>
        <ul>
          <li>商品未使用、未拆封，且包装完好。</li>
          <li>退换货申请需在收到商品后<span class="highlight">7天内</span>提出。</li>
          <li>退换货申请必须提供有效的订单号和商品的照片（如有质量问题）。</li>
          <li>某些商品（如内衣、定制商品等）不支持退换货，请在购买时注意。</li>
        </ul>
      </section>
  
      <!-- 退换货流程 -->
      <section class="process">
        <h2>退换货流程</h2>
        <p>请按照以下步骤申请退换货：</p>
        <ol>
          <li>登录您的账户，找到对应的订单，点击“申请退换货”。</li>
          <li>填写退换货申请表格，选择退货或换货，并描述退换货原因。</li>
          <li>上传商品照片，特别是质量问题商品的照片，以便我们快速处理。</li>
          <li>我们的售后团队将在1-3个工作日内审核您的申请，处理结果将通过电子邮件通知您。</li>
          <li>审核通过后，您将收到退货地址或换货安排。请按指示将商品寄回。</li>
          <li>商品退回并通过审核后，我们将为您处理退款或换货。</li>
        </ol>
      </section>
  
      <!-- 退换货注意事项 -->
      <section class="notes">
        <h2>注意事项</h2>
        <ul>
          <li>商品退回时请保持商品完好并保留原包装，以确保退换货顺利进行。</li>
          <li>退款将在退货商品收到并通过审核后1-3个工作日内处理。</li>
          <li>换货商品将在审核通过后尽快发出，通常需要5-7个工作日。</li>
          <li>请确保您填写的地址信息准确，以便及时收到换货商品。</li>
        </ul>
      </section>
  
      <!-- 联系客服 -->
      <section class="customer-support">
        <h2>联系客服</h2>
        <p>如果您对退换货政策有任何疑问或需要帮助，请随时联系我们的客服团队：</p>
        <ul>
          <li>客服电话：+123456789</li>
          <li>客服邮箱：support@example.com</li>
          <li>在线聊天：通过网站右下角的在线聊天功能联系我们的客服。</li>
        </ul>
      </section>
    </div>
  </template>
  
  <script setup>
  </script>
  
  <style scoped>
  .returns-and-exchanges {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
  }
  
  h1, h2 {
    color: #333;
  }
  
  section {
    margin-bottom: 30px;
  }
  
  h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
  }
  
  ul, ol {
    line-height: 1.6;
    margin-left: 20px;
  }
  
  ul li, ol li {
    margin-bottom: 10px;
  }
  
  .highlight {
    font-weight: bold;
    color: #e74c3c;
  }
  
  .customer-support ul {
    line-height: 1.8;
  }
  </style>
  